<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./text.css">
</head>

<body>
  <div class="banner" id="top">
    <div class="banner-main">
      <a href="#" class="music" style="padding-top: 20px;"><span></span></a>
      <a href="#" class="small" style="background-color: black;">发现音乐</a>
      <a href="#" class="small">发现音乐</a>
      <a href="#" class="small">发现音乐</a>
      <a href="#" class="small">市场</a>
      <a href="#" class="small">音乐人</a>
      <a href="#" class="small">云推广</a>
      <a href="#" class="small">下载客户端</a>
      <div class="search">
        <input type="text" id="research">
        <label for="research" style="display: inline-block;">音乐/视频/电台/用户</label>
      </div>
      <a href="#" class="make">创作中心</a>
      <a href="#" class="dl">登录</a>
    </div>
  </div>
  <div class="banner-two">
    <div class="banner-main">
      <div class="main">
        <ul>
          <li style="background-color: rgb(82 74 74 / 50%)">推荐</li>
          <li>推荐</li>
          <li>推荐</li>
          <li>推荐</li>
          <li>推荐</li>
          <li>推荐</li>
        </ul>
      </div>
    </div>
  </div>
  <div id="change">
    <div class="kj">
      <div class="left">
        <div class="key">
          <span>
            < </span>
        </div>
      </div>
      <div class="lbt">
        <div class="l-img">
          <img src="https://p1.music.126.net/B3BBPwP7uXedtfZ4P1UaVg==/109951169515402387.jpg?imageView&quality=89">
        </div>
        <div class="r-img">
          <div></div>
        </div>
      </div>
      <div class="right">
        <div class="key">
          <span>
            > </span>
        </div>
      </div>

    </div>
  </div>

  <div class="kj" style="height: 980px;border: 1px solid rgba(80, 79, 79, 0.5);">
    <div class="m-left"></div>
    <div class="m-right"></div>
  </div>
  <div class="to" id="#top">
    <span>^</span>
    <span>TOP</span>
  </div>
  <div style="border-top:1px solid rgba(80, 79, 79, 0.5);height: 325px;">
    <div class="kj"></div>
  </div>
</body>
<script src="./text.js"></script>

</html>